@import '../../assets/css/reset.css';
@import '../../assets/css/common.css';
@import '../../assets/css/property.css';

// .louceng .ds::before{
// content: '';
// display: inline-block;
// height: 3px;
// width: 27px;
// background-color: #1873ef;
// margin-top: 42px;
// margin-left: 1px;
// position: absolute;
// }
.banner {
    height: 400px;

    #particleEffects {
        text-align: center;

        h1 {
            margin-top: 160px;
        }

        h3 {
            margin: 10px;
        }
    }
}

.zj-home-header__particle {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.loucengb{
    position: relative;
    h2:nth-child(1){
        margin-top:10px;
    }
    h2:nth-child(2){
        position: absolute;
        margin-top: 90px;
    }
    h2:nth-child(3){
        position: absolute;
        margin-top: 534px;
    }
    h2:nth-child(4){
        position: absolute;
        margin-top: 994px;
    }
    .louh2{position: absolute; h2{
        margin-bottom: 316px;
       
    
    
    }
    
    h2::before{
        content: '';
        display: inline-block;
        height: 3px;
        width: 27px;
        background-color: #1873ef;
        margin-top: 42px;
        margin-left: 1px;
        position: absolute;
        }
}
    .item-name{font-size: 20px;}
    .link-text{color: aquamarine;}
    justify-content: center;
    ul{

        text-align: center;
        #liv{
        margin: 50px 20px;
        }
        li{
            
            text-align: left;
            width: 300px;display: inline-block;
        height: 350px;
        border: 2px solid #eeeeee;

        p{
            margin: 10px;
           display: -webkit-box;
           -webkit-box-orient: vertical;
           -webkit-line-clamp: 5;
           overflow: hidden;
            }
        }
    }
    img{width: 100%;}
}
.louceng {
background-color: #f8f8f8;
    ul li {
        
        list-style: none;
        margin: 6px;

        ul li {
            position: relative;
            h1 {
                color: black;
            }

            h1::before {
                content: '';
                display: block;
                width: 28px;
                height: 3px;
                background: deepskyblue;
                position: absolute;
                top: 55px;
            }

            padding: 10px;
            border: 1px solid #eeeeee;
            width: 350px;

            p>a {
                color: #1873ef;
            }

            img {
                width: 100%;
            }

        }
        .cooperation>li{
            background-color: #ffffff;
            border: none;
            margin-top: 15px;
            text-align: center;img{width: 200px; height: 80px;}
        }

    }

    ol {
        position: fixed;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    ol>li {
        list-style: none;
        width: 100px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #000;
    }

    .selected {
        background: skyblue;
    }
}
#loucengx{background-color:#f8f8f8 ;}